<!DOCTYPE html>
<html lang="en">
<head>
    <!--
    修改委托单
    高听
    2020/12/23
-->
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        th, td {
            line-height: 2.5;
        }
        tr:hover {
            background-color: #f5f5f5;
        }

        td:hover {
            background-color: #f5f5f5;
        }


        .center {
            width: 80%;
            margin:0 auto;
        }
    </style>
</head>
<body>

<div class="center">
    <form action="">

        <table class="table table-bordered">
            <thead>
            <tr><th>修改说明</th></tr>

            <tr>
                <th scope="col">序号</th>
                <th scope="col">名称</th>
                <th scope="col">原始值</th>
                <th scope="col">修改值</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <th scope="row">1</th>
                <td>结构部位</td>
                <td>测试</td>
                <td>
                    <input type="text" class="form-control" placeholder="">
                </td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td>设计强度等级</td>
                <td>C25</td>
                <td>

                    <select class="form-control">
                        <option selected>请选择</option>
                        <option>c25</option>
                        <option>c30</option>
                        <option>c40</option>
                    </select>

                </td>
            </tr>
            <tr>
                <th scope="row">3</th>
                <td>成型日期</td>
                <td>2017-12-02</td>
                <td>

                    <input type="text" class="form-control" placeholder="">

                </td>
            </tr>
            <tr>
                <th scope="row">4</th>
                <td>尺寸</td>
                <td>200*200*200</td>
                <td>

                    <select class="form-control">
                        <option selected>请选择</option>
                        <option>100*100*100</option>
                        <option>150*150*150</option>
                        <option>200*200*200</option>
                    </select>

                </td>
            </tr>
            <tr>
                <th scope="row">5</th>
                <td>生产厂家</td>
                <td></td>
                <td>

                    <input type="text" class="form-control" placeholder="">

                </td>
            </tr>
            <tr>
                <th scope="row">6</th>
                <td>外观形状</td>
                <td>圆柱形</td>
                <td>

                    <select class="form-control">
                        <option selected>请选择</option>
                        <option>立方体</option>
                        <option>圆柱形</option>
                        <option>空</option>
                    </select>

                </td>
            </tr>
            <tr>
                <th scope="row">7</th>
                <td>养护条件</td>
                <td></td>
                <td>

                    <select class="form-control">
                        <option selected>请选择</option>
                        <option>标准养护</option>
                        <option>拆模同条件养护</option>
                        <option>标准养护</option>
                        <option>同条件养护600℃</option>
                    </select>

                </td>
            </tr>
            <tr>
                <th scope="row">8</th>
                <td>累计温度</td>
                <td></td>
                <td>

                    <input type="text" class="form-control" placeholder="">

                </td>
            </tr>
            <tr>
                <th scope="row">9</th>
                <td>要求龄期（天）</td>
                <td></td>
                <td>

                    <input type="text" class="form-control" placeholder="">

                </td>
            </tr>
            <tr>
                <th scope="row">10</th>
                <td>备注</td>
                <td></td>
                <td>

                    <input type="text" class="form-control" placeholder="">

                </td>
            </tr>
            <tr>
                <th scope="row">11</th>
                <td>成型方法</td>
                <td></td>
                <td>

                    <select class="form-control">
                        <option selected>请选择</option>
                        <option>手工成型</option>
                        <option>机械成型</option>
                    </select>

                </td>
            </tr>
            <tr>
                <th scope="row">12</th>
                <td>混凝土类型</td>
                <td></td>
                <td>
                    <select class="form-control">
                        <option selected>请选择</option>
                        <option>普通混凝土</option>
                        <option>泵送混凝土</option>
                        <option>抗渗混凝土</option>
                        <option>防水混凝土</option>
                        <option>粉煤灰混凝土</option>
                        <option>水下混凝土</option>
                        <option>无砂大孔混凝土</option>
                        <option>空</option>
                    </select>

                </td>
            </tr>
            </tbody>
        </table>
    </form>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
        crossorigin="anonymous"></script>

</body>
</html>
